<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客详情页</title>


    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/common.css">

    <!-- 引入博客页表页样式 -->
     <link rel="stylesheet" href="css/blog_list.css">

    <!-- 博客详情样式表 -->
     <link rel="stylesheet" href="css/blog_detail.css">

</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <img src="./image/monkey.jpg" alt="">
        <span>波波博客系统</span>

        <!-- 这个标签用于占位 -->
         <div class="spacer"></div>
        <a href="#">主页</a>
        <a href="#">写博客</a>
        <a href="#">注销</a>
     </div>

    <!-- 页面主体部分 -->
    <div class="container">
        <!-- 左侧信息 -->
        <div class="container-left">

            <!-- 使用.card表示用户信息 -->
            <div class="card">
                <!-- 用户图像 -->
                 <img src="image/dog.jfif" alt="">

                 <!-- 用户名 -->
                <h3>vitobo</h3>
                <a href="#">github 地址</a>

                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>

        </div>
        <!-- 右侧信息 -->
        <div class="container-right">
            <!-- 博客标题 -->
            <h3 class="title">我的第一篇博客</h3>
            <!-- 博客发布时间 -->
            <div class="date">2024-8-29</div>
            <!-- 博客正文 -->
            <div class="content">
                <p>
                    越努力, 越幸运 人生必须充满passion!!! On the abyss of life’s challenging journey, it’s easy to lose sight of the light at the end of the tunnel. But remember, every setback is a setup for a comeback. Life is not about waiting for the storm to pass; it’s about learning to dance in the rain.
                    Struggles and failures are not the end; they are the beginning. They are the stepping stones to your success. Each one teaches you something about yourself, reveals your strength, and sharpens your determination.
                    So don’t be discouraged by the challenges you face. See them as opportunities to grow, to learn, and to become stronger. Remember, it’s not the size of the mountain that matters, but your strength to climb it.
                </p>
                <p>
                    Never be limited by other people’s limited imagination of you. Dream big. Think big, because you were made for extraordinary. Dare to be different. Dare to be you.
                    Your greatest weapon is determination. Your biggest shield is belief in yourself. Your most powerful ally is the urge to win. As long as you keep moving towards your goals with unwavering determination, you will reach them.
                    Life is a gift, it comes with a price. The price is hard work; it’s dedication; it’s resilience in the face of adversity. But, the reward is immeasurable. It’s the joy of accomplishing your dreams; it’s the pride of knowing you did it; it’s the satisfaction of achieving what others said was impossible.
                </p>
                <p>
                    So, stand tall, face the future with courage and confidence, and remember: Where there’s a will, there’s always a way. Believe in yourself, and you can achieve the impossible. Your time is now; your moment is here. Rise up and seize the day. Because, after all, it’s your life, and the story of your success is a book yet to be written.
                </p>
            </div>
        </div>
    </div>
</body>
</html>